<h1 class="page_title">
    缩略图 </h1>
<div class="codeView bs-docs-example ">
    <div class="row">
        <div class="col-xs-6 col-md-3 ">
            <div class="thumbnail ">
                <img src="/static/img/pic.png" alt="通用的占位符缩略图">
            </div>
            <div class="caption">
                <h3>
                    缩略图标签 </h3>

                <p>
                    一些示例文本。一些示例文本。 </p>

                <p>
                    <a href="#" class="btn btn-primary" role="button">按钮</a>
                    <a href="#" class="btn btn-primary" role="button">按钮</a>
                </p>
            </div>
        </div>
        <div class="col-xs-6 col-md-3 ">
            <div class="thumbnail ">
                <img src="/static/img/pic.png" alt="通用的占位符缩略图">
            </div>
            <div class="caption">
                <h3>
                    缩略图标签 </h3>

                <p>
                    一些示例文本。一些示例文本。 </p>

                <p>
                    <a href="#" class="btn btn-primary" role="button">按钮</a>
                    <a href="#" class="btn btn-primary" role="button">按钮</a>
                </p>
            </div>
        </div>
        <div class="col-xs-6 col-md-3 ">
            <div class="thumbnail ">
                <img src="/static/img/pic.png" alt="通用的占位符缩略图">
            </div>
            <div class="caption">
                <h3>
                    缩略图标签 </h3>

                <p>
                    一些示例文本。一些示例文本。 </p>

                <p>
                    <a href="#" class="btn btn-primary" role="button">按钮</a>
                    <a href="#" class="btn btn-primary" role="button">按钮</a>
                </p>
            </div>
        </div>
        <div class="col-xs-6 col-md-3 ">
            <div class="thumbnail ">
                <img src="/static/img/pic.png" alt="通用的占位符缩略图">
            </div>
            <div class="caption">
                <h3>
                    缩略图标签 </h3>

                <p>
                    一些示例文本。一些示例文本。 </p>

                <p>
                    <a href="#" class="btn btn-primary" role="button">按钮</a>
                    <a href="#" class="btn btn-primary" role="button">按钮</a>
                </p>
            </div>
        </div>
    </div>
</div>

<h1 class="page_title">
    图片信息列表 </h1>
<div class="codeView bs-docs-example ">
    <div class="row">
        <div class="col-xs-6 col-md-3 col-2 whoInfo-box">
            <div class="who-info">
                <div class="thumbnail pic-avatar">
                    <img src="/static/img/default.jpg" alt="我是×××">
                </div>
                <div class="caption">
                    <h4>
                        <a href="#">张*浩(Merfy)</a></h4>
                    <h5 class="positionInfos">
                        ×××创始人 </h5>

                    <p>
                        一个不懂欣赏优秀作品,无法领会优秀作品的精髓,可能永远都无法晋级为那最优秀一个！ </p>
                </div>
            </div>
        </div>
        <div class="col-xs-6 col-md-3 col-2 whoInfo-box">
            <div class="who-info">
                <div class="thumbnail pic-avatar">
                    <img src="/static/img/default.jpg" alt="我是×××">
                </div>
                <div class="caption">
                    <h4>
                        <a href="#">张*浩(Merfy)</a></h4>
                    <h5 class="positionInfos">
                        ×××创始人 </h5>

                    <p>
                        一个不懂欣赏优秀作品,无法领会优秀作品的精髓,可能永远都无法晋级为那最优秀一个！ </p>
                </div>
            </div>
        </div>
        <div class="col-xs-6 col-md-3 col-2 whoInfo-box">
            <div class="who-info">
                <div class="thumbnail pic-avatar">
                    <img src="/static/img/default.jpg" alt="我是×××">
                </div>
                <div class="caption">
                    <h4>
                        <a href="#">张*浩(Merfy)</a></h4>
                    <h5 class="positionInfos">
                        ×××创始人 </h5>

                    <p>
                        一个不懂欣赏优秀作品,无法领会优秀作品的精髓,可能永远都无法晋级为那最优秀一个！ </p>
                </div>
            </div>
        </div>
        <div class="col-xs-6 col-md-3 col-2 whoInfo-box">
            <div class="who-info">
                <div class="thumbnail pic-avatar">
                    <img src="/static/img/default.jpg" alt="我是×××">
                </div>
                <div class="caption">
                    <h4>
                        <a href="#">张*浩(Merfy)</a></h4>
                    <h5 class="positionInfos">
                        ×××创始人 </h5>

                    <p>
                        一个不懂欣赏优秀作品,无法领会优秀作品的精髓,可能永远都无法晋级为那最优秀一个！ </p>
                </div>
            </div>
        </div>
        <div class="col-xs-6 col-md-3 col-2 whoInfo-box">
            <div class="who-info">
                <div class="thumbnail pic-avatar">
                    <img src="/static/img/default.jpg" alt="我是×××">
                </div>
                <div class="caption">
                    <h4>
                        <a href="#">张*浩(Merfy)</a></h4>
                    <h5 class="positionInfos">
                        ×××创始人 </h5>

                    <p>
                        一个不懂欣赏优秀作品,无法领会优秀作品的精髓,可能永远都无法晋级为那最优秀一个！ </p>
                </div>
            </div>
        </div>
        <div class="col-xs-6 col-md-3 col-2 whoInfo-box">
            <div class="who-info">
                <div class="thumbnail pic-avatar">
                    <img src="/static/img/default.jpg" alt="我是×××">
                </div>
                <div class="caption">
                    <h4>
                        <a href="#">张*浩(Merfy)</a></h4>
                    <h5 class="positionInfos">
                        ×××创始人 </h5>

                    <p>
                        一个不懂欣赏优秀作品,无法领会优秀作品的精髓,可能永远都无法晋级为那最优秀一个！ </p>
                </div>
            </div>
        </div>
    </div>
</div>
<h3>
    组件包 </h3>
<pre class="prettyprint linenums"><span class="Huialert-danger">以上组件依赖org.tinygroup.thumbnails包即可</span></pre>
